<script setup lang="ts">
const goback = () => {
    window.history.back()
}
</script>

<template>
    <div class="exception-page">
        <img src="@/assets/404.svg" />
        <a-button type="primary" size="large" @click="goback">
            <template #icon>
                <icon-send :rotate="180" />
            </template>
            返 回 上 一 页
        </a-button>
    </div>
</template>

<style scoped lang="less">
.exception-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    img {
        width: 500px;
        height: auto;
        margin-bottom: 40px;
    }
}
</style>
